<gm:page title="Pools in Calgary" authenticate="false">
<h2>Pools in Calgary</h2>
  
<div style="float: left; width: 40%">
  <gm:list template="poolListTemplate" sort="titlesort" id="CAParks" data="http://6409416167994726984-a-1802744773732722657-s-sites.googlegroups.com/site/poolscal/Home/pools.xml?attredirects=0" pagesize="30">    
    <gm:sort name="titlesort" ref="title"/>
  </gm:list>
</div>

<div style="float: left; width: 60%">
  <gm:map id="CAParkMarkers" data="${CAParks}" geolocationref="poolcode" infotemplate="XmapTemplate" zoom=11>
    <gm:handleEvent src="CAParks"/>
  </gm:map>
</div>

<gm:template id="XmapTemplate">
  <div align="left" repeat="true">
    <h4><gm:text ref="title" /></h4>
    <h5><gm:text ref="poolcode" /></h5>
  </div>
</gm:template>

<gm:template id="poolListTemplate">
    <table style="width: 100%" class="blue-theme">
      <tr>
         <td class="gm-header"><gm:header sort="titlesort">Title</gm:header></td>
      </tr>
      <tr repeat="true">
        <td>
          <gm:text ref="title"/>
        </td>
      </tr>
    </table>
    
  </gm:template>


</gm:page>